<script>
  $(document).ready(() =>{
    request.ajax.get('api/peoples');
  });
</script>
<div id="users">
    <ul class="mdui-list">
        <li class="mdui-text-color-grey-300">管理员组</li>

        <li class="mdui-list-item">
          <i class="mdui-list-item-avatar mdui-icon material-icons">people</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">管理员1</div>
            <div class="mdui-list-item-text">2020年8月5日17:47:57</div>
          </div>
          <i id="admin-1" class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200" mdui-tooltip="{content: '更多', position: 'left'}" mdui-menu="{target:'#asdasd', align: 'right', covered: 'true'}" >info</i>
          <ul class="mdui-menu" id="asdasd" style="float: right;">
            <li class="mdui-menu-item">
              <a href="javascript:;" class="mdui-ripple">Refresh</a>
            </li>
            <li class="mdui-menu-item">
              <a href="javascript:;" class="mdui-ripple">Refresh</a>
            </li>
            <li class="mdui-menu-item">
              <a href="javascript:;" class="mdui-ripple">Refresh</a>
            </li>
            <li class="mdui-menu-item">
              <a href="javascript:;" class="mdui-ripple">Refresh</a>
            </li>
          </ul>
        </li>

        <li class="mdui-list-item">
          <i class="mdui-list-item-avatar mdui-icon material-icons">people</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">管理员2</div>
            <div class="mdui-list-item-text">August 15, 2020</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>

        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-avatar mdui-icon material-icons">people</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">管理员3</div>
            <div class="mdui-list-item-text">2020年8月5日</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>

        <li class="mdui-divider-inset mdui-m-y-2 mdui-color-grey-700"></li>
        <li class="mdui-text-color-grey-300">用户组</li>
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-blue mdui-text-color-white">assignment</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">用户1</div>
            <div class="mdui-list-item-text">Jan 9, 2014</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>

        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-yellow-600 mdui-text-color-white">assessment</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">用户2</div>
            <div class="mdui-list-item-text">Jan 10, 2014</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>
        
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-yellow-600 mdui-text-color-white">assessment</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">用户2</div>
            <div class="mdui-list-item-text">Jan 10, 2014</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>
        
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-yellow-600 mdui-text-color-white">assessment</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">用户2</div>
            <div class="mdui-list-item-text">Jan 10, 2014</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>
        
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-yellow-600 mdui-text-color-white">assessment</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">用户2</div>
            <div class="mdui-list-item-text">Jan 10, 2014</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>
        
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-yellow-600 mdui-text-color-white">assessment</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">用户2</div>
            <div class="mdui-list-item-text">Jan 10, 2014</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>
        
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-yellow-600 mdui-text-color-white">assessment</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">用户2</div>
            <div class="mdui-list-item-text">Jan 10, 2014</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>
        
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-yellow-600 mdui-text-color-white">assessment</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">用户2</div>
            <div class="mdui-list-item-text">Jan 10, 2014</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>
        
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-yellow-600 mdui-text-color-white">assessment</i>
          <div class="mdui-list-item-content">
            <div class="mdui-list-item-title">用户2</div>
            <div class="mdui-list-item-text">Jan 10, 2014</div>
          </div>
          <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-grey-200">info</i>
        </li>
      </ul>
</div>